
<div class="fluent-year" b-bgn9u4guxz="">
  <div b-bgn9u4guxz="">
    <div class="title" part="title" aria-label="9999" b-bgn9u4guxz="">
      <div part="label" class="label" blazor:onclick="1" b-bgn9u4guxz="">9999</div>
      <div part="move" class="change-period" b-bgn9u4guxz="">
        <div class="previous" title="9987 - 9998" blazor:onclick="2" b-bgn9u4guxz="">
          <svg width="24" height="24" viewBox="0 0 24 24" fill="var(--neutral-fill-strong-focus)" xmlns="http://www.w3.org/2000/svg">
            <path d="M4.2 10.73a.75.75 0 001.1 1.04l5.95-6.25v14.73a.75.75 0 001.5 0V5.52l5.95 6.25a.75.75 0 001.1-1.04l-7.08-7.42a1 1 0 00-1.44 0L4.2 10.73z"></path>
          </svg>
        </div>
        <div class="next" disabled="" b-bgn9u4guxz=""></div>
      </div>
    </div>
    <div class="years" part="years" b-bgn9u4guxz="">
      <div class="year" selected="" aria-label="9999" title="9999" value="9999" blazor:onclick="3" b-bgn9u4guxz="">9999</div>
    </div>
  </div>
</div>